.Layout{
  position: fixed;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top,#f5f5f5 75%,#b1d1fe);
  padding: 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 20px;
}
.avatar{
  padding:  0 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
  & navigator:nth-child(2){
    background: transparent;
    font-size: 20px;
    font-weight: 600;
  }
}
.funcCard{
  padding:  0 20px;
  margin: 0 16px;
  box-sizing: border-box;
  border-radius: 8px;
  background: linear-gradient(to right,#f5f5f5 10%,#62a4e7);
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
  & view{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    font-size: 13px;
  }
  & view image:nth-child(1){
    width: 25px;
    height: 25px;
  }
}
.cell{
  width: 100%;
}
.avatarBox{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  & text:last-child{
    color: #999999;
  }
}
